@charset "UTF-8";



@import "./components/swiper/swiper.min";
@import "./components/swiper/animate.min";
@import "./swiper";
@import "./iscroll"; 
body,html{
    width:100%;
    height: 100%;
}
#footer .item{
    flex:1;
    color:#fff;
    text-align: center;
    font-size:14px;
}
#footer .item.active{
    color:#007AFF;
}

#footer div i{
    display: block;
    font-size:24x;
    line-height: 24px;
}
#footer .check{
    color: green;
   
}
#footer div{
    text-align: center;
}
.swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-slide{
    width: 100%;
    height: 100%;
    margin: 0;
  
    background: url(../images/bg.png) no-repeat;
    background-size: 100% 100%;
}
#jlc{
    
   
    width: 40%;
    height: 5%;
    border: 2px solid black;
    position: absolute;
    top: 10%;
    left: 30%;
}
#circle{
    position: absolute;
    top: 20%;
    
}
#jlp{
    position: absolute;
    top: 30%;
    left: 35%;
}

.changes{
    width: 183px;
    height: 190px;
    position: absolute;
    top: 4%;
    left: 28%;
}
#top1{
    position: absolute;
    top: 15%;
    left: 40%;
    width: 30%;
    border: 1px solid white;
}
#tpic{
    height: 100px;
    width: 100px;
    position: absolute;
    top: 40%;
    left: 60%;
}
#box{
    width: 100%;
    height: 50%;
    position: absolute;
    top: 30%;
    left: 0;
    padding-left:10% ;
    text-align: left;
    
}
.para{
    width: 80%;
    height: 10%;
    display: block;
}
  #bl{
    width: 70%;
    height: 40%;
    position: absolute;
    left: 15%;
    top: 20%;
  }
  #enter{
      border: none;
      width: 40%;
      height: 5%;
      border-radius: 20%;
      font-family: "微软雅黑";
      color: red;
      background: white;
      position: absolute;
      left: 30%;
      top: 80%;
  }
  
#scroller ul{
    padding: 10px 20px;
   
}


#wrapper{
    background: white;
}
#pic{
    width: 60%;
    position: absolute;
    top: 60%;
    left: 77px
}
@-webkit-keyframes changes{
    0%{
        -webkit-transform : rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
.changes{
    -webkit-animation: changes 2s linear infinite;
}
       